<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <title>苏州陈氏太极拳协会</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="">

    <!-- Le styles -->
    <link href="../css/bootstrap.css" rel="stylesheet">
    <link href="../css/bootstrap-responsive.css" rel="stylesheet">
    <link href="../css/bootstrap-custom.css" rel="stylesheet">

    <!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
    <!--[if lt IE 9]>
      <script src="../js/html5shiv.js"></script>
    <![endif]-->

    <!-- Fav and touch icons -->
    <link rel="apple-touch-icon-precomposed" sizes="144x144" href="../ico/apple-touch-icon-144-precomposed.png">
    <link rel="apple-touch-icon-precomposed" sizes="114x114" href="../ico/apple-touch-icon-114-precomposed.png">
    <link rel="apple-touch-icon-precomposed" sizes="72x72" href="../ico/apple-touch-icon-72-precomposed.png">
    <link rel="apple-touch-icon-precomposed" href="../ico/apple-touch-icon-57-precomposed.png">
    <link rel="shortcut icon" href="../ico/favicon.png">
  </head>

  <body>

    <div class="navbar navbar-inverse navbar-fixed-top">
      <div class="navbar-inner">
        <div class="container">
          <button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
          <a class="brand" href="#"></a>
          <div class="nav-collapse collapse">
            <p class="navbar-text pull-right hide">
              Logged in as <a href="#" class="navbar-link">RicoYu</a>&nbsp/&nbsp<a id="logout" href="#logout" class="navbar-link">Logout</a>
            </p>
            <ul class="nav">
              <li class="active"><a href="#">主页</a></li>
              <li><a href="#about">About</a></li>
              <li><a href="#contact">Contact</a></li>
              <li><a href="register.html">注册</a></li>
            </ul>
          </div><!--/.nav-collapse -->
		  <form class="navbar-form pull-right" action="/login">
		    <input class="span2" type="text" placeholder="Email">
		    <input class="span2" type="password" placeholder="Password">
		    <button type="submit" class="btn">Sign in</button>
		  </form>
        </div>
      </div>
    </div>

    <div class="container">
          <div class="row">
          	<div class="span5">
          		<div id="carouselIndex" class="carousel slide">
          			<ol class="carousel-indicators">
          				<li data-target="#carouselIndex" data-slide-to="0"></li>
          				<li data-target="#carouselIndex" data-slide-to="1"></li>
          				<li data-target="#carouselIndex" data-slide-to="2"></li>
          				<li data-target="#carouselIndex" data-slide-to="4"></li>
          				<li data-target="#carouselIndex" data-slide-to="5"></li>
          			</ol>
          			<!-- Carousel items -->
	          		<div class="carousel-inner">
	          			<div class="active item">
	          				<img src="../img/taichi/cstj1.jpg"/>
	          				<div class="carousel-caption">
	          					<h4>这是神马招式?</h4>
	          					<p>偶也不知道唉
	          				</div>
	          			</div>
	          			<div class="item">
	          				<img src="../img/taichi/cstj2.jpg"/>
	          			</div>
	          			<div class="item">
	          				<img src="../img/taichi/cstj3.jpg"/>
	          			</div>
	          			<div class="item">
	          				<img src="../img/taichi/cstj4.jpg"/>
	          			</div>
	          			<div class="item">
	          				<img src="../img/taichi/cstj5.jpg"/>
	          			</div>
	          			<div class="item">
	          				<img src="../img/taichi/cstj6.jpg"/>
	          			</div>
	          		</div>
	          		<!-- Carousel nav -->
				    <a class="carousel-control left" href="#carouselIndex" data-slide="prev">&lsaquo;</a>
				    <a class="carousel-control right" href="#carouselIndex" data-slide="next">&rsaquo;</a>
          		</div>
          	</div><!-- end span4 -->
          	
          	<div class="span7">
          		<div class="tabbable" id="navTabs">
	          		<ul class="nav nav-tabs margin-huttom-zero">
	          			<li class="active"><a href="#hotInYear" data-toggle="tab">本年热门</a></li>
	          			<li><a href="#hotInMonth" data-toggle="tab">本月热门</a></li>
	          			<li><a href="#newArtical" data-toggle="tab">新文章</a></li>
	          			<li><a href="#othersLookingFor" data-toggle="tab">别人正在看</a></li>
	          		</ul>
	          		<div class="tab-content">
	          			<div id="hotInYear" class="tab-pane active">
	          				<ul>
	          					<li>
			          				<span class="badge">1</span>
			          				<a href="https://zh.wikipedia.org/wiki/%E9%99%B3%E6%B0%8F%E5%A4%AA%E6%A5%B5%E6%8B%B3" target="_blank">陈氏太极拳，是太极拳的一个重要分支和流派</a>
	          					</li>
	          					<li>
			          				<span class="badge">2</span>
			          				<a href="https://zh.wikipedia.org/wiki/%E9%99%B3%E6%B0%8F%E5%A4%AA%E6%A5%B5%E6%8B%B3" target="_blank">陈氏太极拳，是太极拳的一个重要分支和流派</a>
	          					</li>
	          					<li>
			          				<span class="badge">3</span>
			          				<a href="https://zh.wikipedia.org/wiki/%E9%99%B3%E6%B0%8F%E5%A4%AA%E6%A5%B5%E6%8B%B3" target="_blank">陈氏太极拳，是太极拳的一个重要分支和流派</a>
	          					</li>
	          					<li>
			          				<span class="badge">4</span>
			          				<a href="https://zh.wikipedia.org/wiki/%E9%99%B3%E6%B0%8F%E5%A4%AA%E6%A5%B5%E6%8B%B3" target="_blank">陈氏太极拳，是太极拳的一个重要分支和流派</a>
	          					</li>
	          					<li>
			          				<span class="badge">5</span>
			          				<a href="https://zh.wikipedia.org/wiki/%E9%99%B3%E6%B0%8F%E5%A4%AA%E6%A5%B5%E6%8B%B3" target="_blank">陈氏太极拳，是太极拳的一个重要分支和流派</a>
	          					</li>
	          					<li>
			          				<span class="badge">6</span>
			          				<a href="https://zh.wikipedia.org/wiki/%E9%99%B3%E6%B0%8F%E5%A4%AA%E6%A5%B5%E6%8B%B3" target="_blank">陈氏太极拳，是太极拳的一个重要分支和流派</a>
	          					</li>
	          				</ul>
	          			</div>
	          			<div id="hotInMonth" class="tab-pane">
	          				<ul>
	          					<li>
			          				<span class="badge">1</span>
			          				<a href="https://zh.wikipedia.org/wiki/%E9%99%B3%E6%B0%8F%E5%A4%AA%E6%A5%B5%E6%8B%B3" target="_blank">陈氏太极拳，是太极拳的一个重要分支和流派</a>
	          					</li>
	          					<li>
			          				<span class="badge">2</span>
			          				<a href="https://zh.wikipedia.org/wiki/%E9%99%B3%E6%B0%8F%E5%A4%AA%E6%A5%B5%E6%8B%B3" target="_blank">陈氏太极拳，是太极拳的一个重要分支和流派</a>
	          					</li>
	          					<li>
			          				<span class="badge">3</span>
			          				<a href="https://zh.wikipedia.org/wiki/%E9%99%B3%E6%B0%8F%E5%A4%AA%E6%A5%B5%E6%8B%B3" target="_blank">陈氏太极拳，是太极拳的一个重要分支和流派</a>
	          					</li>
	          					<li>
			          				<span class="badge">4</span>
			          				<a href="https://zh.wikipedia.org/wiki/%E9%99%B3%E6%B0%8F%E5%A4%AA%E6%A5%B5%E6%8B%B3" target="_blank">陈氏太极拳，是太极拳的一个重要分支和流派</a>
	          					</li>
	          					<li>
			          				<span class="badge">5</span>
			          				<a href="https://zh.wikipedia.org/wiki/%E9%99%B3%E6%B0%8F%E5%A4%AA%E6%A5%B5%E6%8B%B3" target="_blank">陈氏太极拳，是太极拳的一个重要分支和流派</a>
	          					</li>
	          					<li>
			          				<span class="badge">6</span>
			          				<a href="https://zh.wikipedia.org/wiki/%E9%99%B3%E6%B0%8F%E5%A4%AA%E6%A5%B5%E6%8B%B3" target="_blank">陈氏太极拳，是太极拳的一个重要分支和流派</a>
	          					</li>
	          				</ul>
	          			</div>
	          			<div id="newArtical" class="tab-pane">
	          				<ul>
	          					<li>
			          				<span class="badge">1</span>
			          				<a href="https://zh.wikipedia.org/wiki/%E9%99%B3%E6%B0%8F%E5%A4%AA%E6%A5%B5%E6%8B%B3" target="_blank">陈氏太极拳，是太极拳的一个重要分支和流派</a>
	          					</li>
	          					<li>
			          				<span class="badge">2</span>
			          				<a href="https://zh.wikipedia.org/wiki/%E9%99%B3%E6%B0%8F%E5%A4%AA%E6%A5%B5%E6%8B%B3" target="_blank">陈氏太极拳，是太极拳的一个重要分支和流派</a>
	          					</li>
	          					<li>
			          				<span class="badge">3</span>
			          				<a href="https://zh.wikipedia.org/wiki/%E9%99%B3%E6%B0%8F%E5%A4%AA%E6%A5%B5%E6%8B%B3" target="_blank">陈氏太极拳，是太极拳的一个重要分支和流派</a>
	          					</li>
	          					<li>
			          				<span class="badge">4</span>
			          				<a href="https://zh.wikipedia.org/wiki/%E9%99%B3%E6%B0%8F%E5%A4%AA%E6%A5%B5%E6%8B%B3" target="_blank">陈氏太极拳，是太极拳的一个重要分支和流派</a>
	          					</li>
	          					<li>
			          				<span class="badge">5</span>
			          				<a href="https://zh.wikipedia.org/wiki/%E9%99%B3%E6%B0%8F%E5%A4%AA%E6%A5%B5%E6%8B%B3" target="_blank">陈氏太极拳，是太极拳的一个重要分支和流派</a>
	          					</li>
	          					<li>
			          				<span class="badge">6</span>
			          				<a href="https://zh.wikipedia.org/wiki/%E9%99%B3%E6%B0%8F%E5%A4%AA%E6%A5%B5%E6%8B%B3" target="_blank">陈氏太极拳，是太极拳的一个重要分支和流派</a>
	          					</li>
	          				</ul>
	          			</div>
	          			<div id="othersLookingFor" class="tab-pane">
	          				<ul>
	          					<li>
			          				<span class="badge">1</span>
			          				<a href="https://zh.wikipedia.org/wiki/%E9%99%B3%E6%B0%8F%E5%A4%AA%E6%A5%B5%E6%8B%B3" target="_blank">陈氏太极拳，是太极拳的一个重要分支和流派</a>
	          					</li>
	          					<li>
			          				<span class="badge">2</span>
			          				<a href="https://zh.wikipedia.org/wiki/%E9%99%B3%E6%B0%8F%E5%A4%AA%E6%A5%B5%E6%8B%B3" target="_blank">陈氏太极拳，是太极拳的一个重要分支和流派</a>
	          					</li>
	          					<li>
			          				<span class="badge">3</span>
			          				<a href="https://zh.wikipedia.org/wiki/%E9%99%B3%E6%B0%8F%E5%A4%AA%E6%A5%B5%E6%8B%B3" target="_blank">陈氏太极拳，是太极拳的一个重要分支和流派</a>
	          					</li>
	          					<li>
			          				<span class="badge">4</span>
			          				<a href="https://zh.wikipedia.org/wiki/%E9%99%B3%E6%B0%8F%E5%A4%AA%E6%A5%B5%E6%8B%B3" target="_blank">陈氏太极拳，是太极拳的一个重要分支和流派</a>
	          					</li>
	          					<li>
			          				<span class="badge">5</span>
			          				<a href="https://zh.wikipedia.org/wiki/%E9%99%B3%E6%B0%8F%E5%A4%AA%E6%A5%B5%E6%8B%B3" target="_blank">陈氏太极拳，是太极拳的一个重要分支和流派</a>
	          					</li>
	          					<li>
			          				<span class="badge">6</span>
			          				<a href="https://zh.wikipedia.org/wiki/%E9%99%B3%E6%B0%8F%E5%A4%AA%E6%A5%B5%E6%8B%B3" target="_blank">陈氏太极拳，是太极拳的一个重要分支和流派</a>
	          					</li>
	          				</ul>
	          			</div>
	          		</div>
          		</div>
          	</div>
          </div>
          
          <div class="row">
            <div class="span4">
              <h2>Heading</h2>
              <p>Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui. </p>
              <p><a class="btn" href="#">View details &raquo;</a></p>
            </div><!--/span-->
            <div class="span4">
              <h2>Heading</h2>
              <p>Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui. </p>
              <p><a class="btn" href="#">View details &raquo;</a></p>
            </div><!--/span-->
            <div class="span4">
              <h2>Heading</h2>
              <p>Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui. </p>
              <p><a class="btn" href="#">View details &raquo;</a></p>
            </div><!--/span-->
          </div><!--/row-->
          <div class="row">
            <div class="span4">
              <h2>Heading</h2>
              <p>Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui. </p>
              <p><a class="btn" href="#">View details &raquo;</a></p>
            </div><!--/span-->
            <div class="span4">
              <h2>Heading</h2>
              <p>Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui. </p>
              <p><a class="btn" href="#">View details &raquo;</a></p>
            </div><!--/span-->
            <div class="span4">
              <h2>Heading</h2>
              <p>Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui. </p>
              <p><a class="btn" href="#">View details &raquo;</a></p>
            </div><!--/span-->
          </div><!--/row-->
          
      <!-- Modal -->
		<div id="register" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
		  <div class="modal-header">
		    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
		    <h3 id="myModalLabel">用户注册</h3>
		  </div>
		  <div class="modal-body">
		    <form action="/register" class="form-horizontal">
		    	<div class="control-group">
		    		<label class="control-label" for="registerUsername">用户名</label>
		    		<div class="controls">
		    			<input type="text" id="registerUsername" placeholder="username">
		    		</div>
		    	</div>
		    	<div class="control-group">
		    		<label class="control-label" for="registerEmail">邮箱</label>
		    		<div class="controls">
		    			<input type="email" id="registerEmail" placeholder="email">
		    		</div>
		    	</div>
		    	<div class="control-group">
		    		<label class="control-label" for="registerPassword">密码</label>
		    		<div class="controls">
		    			<input type="password" id="registerPassword" placeholder="password">
		    		</div>
		    	</div>
		    </form>
		  </div>
		  <div class="modal-footer">
		    <button class="btn" data-dismiss="modal" aria-hidden="true">关闭</button>
		    <button class="btn btn-primary">提交</button>
		  </div>
		</div>

      <footer>
      	<hr>
        <p>&copy; 苏州陈氏太极拳协会  2013</p>
      </footer>

    </div><!--/.fluid-container-->

    <!-- Le javascript
    ================================================== -->
    <!-- Placed at the end of the document so the pages load faster -->
    <script src="../js/jquery.js"></script>
    <script src="../js/bootstrap-transition.js"></script>
    <script src="../js/bootstrap-alert.js"></script>
    <script src="../js/bootstrap-modal.js"></script>
    <script src="../js/bootstrap-dropdown.js"></script>
    <script src="../js/bootstrap-scrollspy.js"></script>
    <script src="../js/bootstrap-tab.js"></script>
    <script src="../js/bootstrap-tooltip.js"></script>
    <script src="../js/bootstrap-popover.js"></script>
    <script src="../js/bootstrap-button.js"></script>
    <script src="../js/bootstrap-collapse.js"></script>
    <script src="../js/bootstrap-carousel.js"></script>
    <script src="../js/bootstrap-typeahead.js"></script>
    <script src="../js/common-ui.js"></script>

  </body>
</html>
